<%--
  Created by IntelliJ IDEA.
  User: Zhj
  Date: 2024/4/3
  Time: 17:24
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notice Page</title>
    <link href="/static/layui/css/layui.css" rel="stylesheet">
    <link href="/static/css/home.css" rel="stylesheet">
    <script src="/static/layui/js/layui.js"></script>
</head>

<body>
<div class="layui-card-header">
    <h1 style="text-align: center;">首页</h1>
</div>
<div class="layui-card-body">
    <div class="layui-carousel" id="ID-carousel-demo-image">
        <div carousel-item>
            <div><img src="/static/images/banner3.jpg"></div>
            <div><img src="/static/images/banner4.jpg"></div>
            <div><img src="/static/images/banner5.jpg"></div>
            <div><img src="/static/images/banner1.jpg"></div>
        </div>
    </div>
</div>
</body>
<script>
    layui.use(function() {
        var carousel = layui.carousel;
        // 渲染 - 图片轮播
        carousel.render({
            elem: '#ID-carousel-demo-image',
            width: '720px',
            height: '360px',
            interval: 3000
        });
    });
</script>

</html>